import React, { FC,useState} from 'react';
import { Text, View,Button,Image, navigateTo } from '@ray-js/ray';
import styles from './index.module.less';
import space_ball from '../../assets/images/tab/space_ball.png';
import red_heart from '../../assets/images/tab/red_heart.png'
import FlowerReminderBall from '../../assets/images/tab/FlowerReminderBall.png'
import FlowerReminderFlower from '../../assets/images/tab/FlowerReminderFlower.png'
import FlowerReminderFlower2 from '../../assets/images/tab/FlowerReminderFlower2.png'
import close from '../../assets/images/tab/close.png'



export default function FlowerReminder(props){

    const Close=()=>{
      props.onClose();
    }

    return (
        <>
          <View className={styles.bg}>
            <View className={styles.container}>
              <Image className={styles.FlowerReminderBallimg} src={FlowerReminderBall}></Image>
              <Image className={styles.FlowerReminderFlowerimg} src={FlowerReminderFlower}></Image>
              <Image className={styles.FlowerReminderFlowerimg2} src={FlowerReminderFlower2}></Image>
              <View className={styles.box}>
                <Text className={styles.content}>{props.text}</Text>
              </View>
              <Button className={styles.KnowBtn} onClick={Close}>我知道了</Button>
            </View>

            <Image className={styles.CloseBtn} onClick={Close} src={close}></Image>
          </View>
        </>
      );
}

